<!-- 功能类（多项切换） -->
<template name="multifunc">
  <view class="model-2">
    <!-- <view class="model-title">
      <image src="/images/sys/xf_icon2.png"></image>
      <text>{{item.title}}</text>
    </view> -->
    <view class="multifunc-box">
      <view class="multifunc">
        <view v-for="(item, index) in model.data" :key="index" :class="menuIndex==index?'func2':'func1'" @tap="menuClick" :data-index="index">
          {{item.name}}
        </view>
      </view>
      <view class="rukou-box" v-if="model.data[menuIndex].list">
        <view v-for="(list, index) in model.data[menuIndex].list" :key="index" class="rukou" :data-id="list.id" :data-citycode="list.citycode" :data-type="list.type" :data-url="list.url" :data-title="list.title" @tap="navDetail">
          {{list.title}}
        </view>
      </view>
    </view>
  </view>
</template>
<!-- 功能类 -->
<template name="func">
  <view class="model-4">
    <!-- <view class="model-title">
      <image src="/images/sys/xf_icon2.png"></image>
      <text>{{item.title}}</text>
    </view> -->
    <view class="multifunc-box">
      <view class="rukou-box">
        <view v-for="(item, index) in model.data" :key="index" class="rukou" :data-id="item.id" :data-citycode="item.citycode" :data-type="item.type" :data-url="item.url" :data-title="item.title" @tap="navDetail">
          {{item.title}}
        </view>
      </view>
    </view>
  </view>
</template>
<!-- 入口类 -->
<template name="multirukou">
  <view class="model-3">
    <!-- <view class="model-title">
      <image src="/images/sys/xf_icon2.png"></image>
      <text>{{item.title}}</text>
    </view> -->
    <view>
      <view class="multifunc">
        <view v-for="(item, index) in model.data" :key="index" :class="rukouIndex == index?'func2':'func1'" @tap="multiRukou" :data-index="index">
          {{item.name}}
        </view>
      </view>
      <view v-for="(item, index) in model.data[rukouIndex].list" :key="index" class="block-box">
        <view class="block-items">
          <view class="block-title" @tap="moreRukouChecked" :data-index="index" :data-checked="item.checked">
            <text>{{item.name}}</text>
            <image :src="item.checked?'/static/images/sys/shang.png':'/static/images/sys/xia.png'"></image>
          </view>
          <view class="block" v-if="item.checked">
            <view v-for="(info, index2) in item.info" :key="index2" class="block-text" v-if="info.title && info.content">
              <view class="bl-title">{{info.title}}</view>
              <view class="bl-text">
                <view v-if="info.title != '详情'">
                  <text>{{info.content}}</text>
                  <text v-if="info.title == '预约方式'" style="color:#5095DD" :data-id="info.id" :data-citycode="info.citycode" :data-type="info.type" :data-url="info.url" :data-title="info.title" @tap="navDetail">
                    查看详情
                  </text>
                </view>
                <text style="color:#5095DD" v-else :data-id="info.id" :data-citycode="info.citycode" :data-type="info.type" :data-url="info.content" :data-title="info.title" @tap="navDetail">
                  【查看详情】
                </text>
              </view>
            </view>
            <view class="block-btn-box">
              <view v-for="(btn, index2) in item.button" :key="index2" class="block-btn" v-if="btn.title" :data-id="btn.info.id" :data-citycode="btn.inifo.citycode" :data-type="btn.info.type" :data-url="btn.url" :data-title="btn.title" @tap="navDetail">
                {{btn.title}}
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<!-- 入口类 -->
<template name="rukou">
  <view class="model-3">
    <!-- <view class="model-title">
      <image src="/images/sys/xf_icon2.png"></image>
      <text>{{item.title}}</text>
    </view> -->
    <view v-for="(item, index) in model.data" :key="index" class="block-box">
      <view class="block-items">
        <view class="block-title" @tap="rukouChecked" :data-name="index" :data-checked="item.checked">
          <text>{{item.name?item.name:item.info['1'].content}}</text>
          <image :src="item.checked?'/static/images/sys/shang.png':'/static/images/sys/xia.png'"></image>
        </view>
        <view class="block" v-if="item.checked">
          <view v-for="(info, index2) in item.info" :key="index2" class="block-text">
            <block v-if="info.title&&info.content">
              <view class="bl-title">{{info.title}}</view>
              <view class="bl-text">
                <text v-if="info.title != '详情'">{{info.content}}</text>
                <text style="color:#5095DD" v-else :data-id="info.id" :data-citycode="info.citycode" :data-type="info.type" :data-url="info.content" :data-title="info.title" @tap="navDetail">
                  【查看详情】
                </text>
              </view>
            </block>
          </view>
          <view class="block-btn-box">
            <view v-for="(btn, index2) in item.button" :key="index2" class="block-btn" :data-id="btn.id" :data-citycode="btn.citycode" :data-type="btn.type" :data-url="btn.url" :data-title="btn.title" @tap="navDetail">
              {{btn.title}}
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<!-- 文章类 -->
<template name="article">
  <view class="model-1">
    <!-- <view class="model-title">
      <image src="/images/sys/xf_icon2.png"></image>
      <text>{{item.title}}</text>
    </view> -->
    <view class="tips-box">
      <view v-for="(item, index) in model.data" :key="index" class="tips" :data-id="item.id" :data-citycode="item.citycode" :data-type="item.type" :data-url="item.url" :data-title="item.title" @tap="navDetail">
        <view class="title">
          <image src="/static/images/sys/xf_icon1.png"></image>
          <text>{{item.title}}</text>
        </view>
        <view class="text" v-if="item.content">
          <rich-text :nodes="item.content"></rich-text>
        </view>
        <!-- <web-view src="http://typhoon.weather.com.cn/gis/typhoon_p.shtml"></web-view> -->
        <!-- <rich-text nodes="{{item.content}}"></rich-text> -->
      </view>
      <view class="more" v-if="model.more" @tap="moreArticle" :data-arr="model.data">查看更多</view>
    </view>
  </view>
</template>
<!-- 轮播图 -->
<template name="lunbotu">
  <view>
    <!-- <view class="model-title">
      <image src="/images/sys/xf_icon2.png"></image>
      <text>{{item.title}}</text>
    </view> -->
    <swiper indicator-dots="true" autoplay="true" indicator-color="#CCCCCC" indicator-active-color="#959595" style="height: 280rpx;margin-top:30rpx;" circular="true" v-if="model.data[0].pic">
      <block v-for="(item, index) in model.data" :key="index">
        <swiper-item>
          <image :src="item.pic" class="imgswiper" :data-url="item.path" :data-title="item.title" @tap="navDetail"></image>
        </swiper-item>
      </block>
    </swiper>
  </view>
</template>

<!-- 表格类 -->
<template name="tab">
  <view class="tab-box">
    <view class="tab-list">
      <view v-for="(modellist, index) in model.list" :key="index" class="tab-items">
        <view class="title">{{modellist.title}}</view>
        <view v-for="(item, index2) in modellist.data" :key="index2" class="content" :data-id="item.id" :data-citycode="item.citycode" :data-type="item.type" :data-url="item.url" @tap="item.title==='详情'?'navDetail':''">
          <text :style="'color:' + (item.title==='详情'?'#5095DD':'')">{{item.title}}</text>
        </view>
      </view>
    </view>
  </view>
</template>
	<script>
		
		export default {
			props: []
		}
    </script>
									